<template>
    <div id="app">     
      <!--<router-link to="/sp01/ProjectList">Go to Home</router-link> -->
      <!-- 路由出口 -->
      <!-- 路由匹配到的组件将渲染在这里 -->
      <router-view></router-view>
    </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import store from './store'


export default defineComponent({
  name: 'App',
  components: {
    
  },
  data() {
      return {
        
      };
  },
  setup() {
    return {
      
    }
  },
  methods:{
    getWindowSize(){
      let width = document.documentElement.clientWidth;
      let height = document.documentElement.clientHeight;//获取浏览器可视区域高度
      store.commit('windowSizeChanged', {width:width, height:height});
    }
  },
  mounted(){
    let that = this;
    this.getWindowSize();
    window.onresize = function(){
      that.getWindowSize();
    }
  }
})
</script>
